@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@media screen and (max-width:767px) { 

.m-none {
	display: none !important;
}

.m-only {
	display: block !important;
}

.m-only-inline {
	display: inline-block;
}

.t-only, .d-only, .w-only {
	display: none;
}
	
.prospectform .inputfield, .prospectform select {
    width: 100% !important;
}

.checkboxarea .checkboxwrap {
    width: 100%;
    margin-right: 0px;
}
	
.jcbcea-featureddeal .container {
    padding: 0 20px;
}

.financeimage {
    max-width: 100%;
}

.financeimage img {
    height: auto !important;
}

.featureddeal .details {
    width: 100% !important;
    max-width: 100%;
    margin: 0px;
    text-align: center;
}
	
.featureddeal {
    height: auto !important;
    overflow: visible !important;
    width: 100%;
}

.featureddeal .content_absolute {
    top: 0px;
    bottom: 0px;
    padding-right: 0px !important;
    left: 0px;
    position: relative !important;
    height: auto !important;
}

.featureddeal .button {
    display: inline-block;
    margin: 0px;
    width: 100%;
}

.featureddeal .details h3 {
    font-size: 23pt;
    line-height: 24pt !important;
    text-align: center;
    margin-top: 22px;
}

.featureddeal p#subtitle {
    font-size: 18px !important;
    line-height: 23px;
    margin-bottom: 20px;
}

.jcbcea-featureddeal .container {
    padding: 0 20px;
}
	
.jcbcea-featureddeal h2 {
    width: 100%;
    text-align: center;
}
	
/* OFFERS PAGES *************** */
	
.offersection .offer .details {
    position: relative;
    max-width: 100%;
    padding: 20px;
}

.offersection .offer .button {
    position: relative;
    opacity: 1 !important;
    width: 100% !important;
    right: auto;
    float: left;
}

.offersection .offer {
    background-size: cover !important;
}

.offersection .offer .terms {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    font-size: 11pt;
    margin-top: 10px;
}

/* END OFFERS PAGE *********** */



	

	.topbar-header a#companieassoc {

		display: none !important;

	}

		body {

			overflow-x: hidden;

		}



	header .inner {

		width: 100%;

	}

	

	header.jcb-header.fixed {

		position: relative !important;

	}



	h2 {

		font-size: 31px !important;

		line-height: 33px !important;

	}



	.container {

		width: 96%;

	}



	.jcb-header__logo {

		display: none !important;

	}



	.jcb-header__logo_mob {

		display: block !important;

		position: relative;

		z-index: 999 !important;

	}

	

	.single-post .content h3 {

    float: left;

    padding-top:  20px;

}

	

section.cta_area.underfeatured {

    display: none !important;

}



.single-post .content {

    float: left;

    padding: 0px !important;

    padding-top: 20px !important;

}

	

.jcb-header-link__link.m-only {

    display: block !important;

    font-size: 10pt;

    color: black !important;

    float: left;

    padding: 0px;

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: auto;

    right: 84px;

    margin: auto;

    text-align: right;

    height: 24px;

	display: none !important;

}



.jcb-header-link__link.m-only .footicon {

    float: left;

    width: 16px;

    margin-right:  5px;

    margin-top:  3px;

    /* display: none; */

}

	

	.jcb-header-link__link.sticky_only {

		display: none !important

	}

	

.topbar-header {

    background-color: #048eee !important;

    color: white;

    overflow: hidden;

}
	
header.jcb-header.fixed .topbar-header {
    height: 40px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}



		a.morearrow {

			display: none;

		}



		.jcb-section {

				padding: 36px 0 36px 0; 

		}



	.navbar-toggle .icon-bar {

		background-color: black !important;

	}



		.jcbcea-featurette.jcb-layout-left-two-thirds.image-background.fill .row {

			width: 100% !important;

			padding: 35px !important;

		}



	.collection-sep {

		float: left;

	}



	.jcbcea-featurette.image-background.fill .row {

		width: 100% !important;

		margin: 20px 0px;

	}

  .topbar-header a#en{   font-size: 11pt; float:right;     position: inherit;    width: 19%;}
  .topbar-header a#cn{     font-size: 11pt;  float:right;   margin-right: 15px;  position: inherit;   width: 19%;}
  .jcb-header-link__link{ float:left;    padding-left: 15px;   /* width: 204px;*/}
  .page span{    padding: 5px 17px;}
  .page{    font-size: 13px;line-height: 3;}
  .button, .read-more, .dealer-locations, .find-out-more, .find-out-more2{padding: 14px 40px;}
  .collapse.it{display:none !important;}
	.navbar-toggle {

		height: 45px;

		width: 45px;

		border: 1px solid black;

		border-radius: 0px;

		margin: 19px;

		z-index: 1000;

	}



	.navbar-collapse.navbar-responsive-collapse.collapse.in {

		margin-top: 10px;

		border-top: 1px solid #e8e8e8;

	}



	nav.jcb-header-nav__container.navbar-default {

		position: relative !important;

		float: left !important;

		width: 100% !important;

		height: 0px !important;

		top: -22px !important;

		z-index: 999 !important;

	}



	.navbar-nav {

		background-color:  white !important;

	}



	#main-menu li {

		border-bottom: 1px solid #e8e8e8;

		border-right: 1px solid #e8e8e8;

		border-left: 1px solid #e8e8e8;

	}



	#main-menu li a {

		width: 100% !important;

		text-align: left !important;

	}

  .navbar-nav>li a.poin{    pointer-events: inherit;}

	#main-menu li a:hover {

		background-color: #f2f2f2 !important;

		color: black !important;

	}



	#main-menu li .dropdown-menu a {

		background-color:  #f2f2f2 !important;

		color: black !important;

	}

	

	#main-menu #menu-item-7468 .dropdown-menu li {

    width: 100% !important;

}



#main-menu #menu-item-7468 .dropdown-menu {

    max-width:  100% !important;

}



	.navbar-toggle.open .icon-bar:first-child {

		transform:  rotate(45deg);

		display: block;

		margin: 0px;

		position: absolute;

		left: 0px;

		right: 0px;

		margin: auto !important;

	}



	.navbar-toggle.open .icon-bar:last-child {

		transform: rotate(-45deg);

		display: block;

		margin: 0px;

		position: absolute;

		left: 0px;

		right: 0px;

		margin: auto !important;

	}



	.navbar-toggle.open .icon-bar {

		display: none;

	}



	.open>.dropdown-menu {

		display: block !important;

	}



	.nav li.menu-item-has-children:hover ul {

		display: none !important;

	}



		.nav li.menu-item-has-children.open:hover ul {

		display: block !important;

	}



	.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {

		background: #f9b004 !important;

		}





	.jcb-section.jcbcea-banner .col-sm-10 .details {

		padding: 0px;

		text-align: center;

	}



	.page .jcbcea-banner .details {

		min-height: 0px !important;

	}



	.jcb-section.jcbcea-banner .col-sm-10 {

		margin-top:  135px !important;

	}



	.carousel-inner {

		float: left;

	}



	.jcbcea-banner .fill {

		margin-bottom:  0px !important;

	}



	.jcbcea-products .row .col-md-6 {

		float: left;

		width: 96%;

		margin: 2%;

		padding: 0px;

	}



	.jcbcea-products .jcbcea-nav-block .title {

		margin-top:  0px !important;

		padding-top:  0px !important;

	}



	.jcb-section.jcbcea-banner .col-sm-10 .details h1 {

		font-size: 35px !important;

		line-height: 37px !important;

	}



	.cta_area .cta_link {

		width: 50% !important;

		height: 60px !important;

	}



	.cta_area .cta_link p {

		font-size: 10pt !important;

	}



	.cta_area .cta_link p .footicon {

		height: 24px !important;

		width: 20px !important;

		margin-right:  4px !important;

	}





	header.jcb-header {

		position: relative !important;

	}



	.jcb-breadcrumb {padding: 15px 8px;}



	section.cta_area.underfeatured {

		margin-bottom:  0px;

	}



	section.cta_area.underfeatured {

		margin: 0px !important;

	}



	section.cta_area.underfeatured .container {

		width: 100%;

	}



	a.machinelink {

		width: 50% !important;

	}



	a.machinelink h2 {

		font-size: 11pt !important;

		line-height: 12pt !important;

		height: 25px !important;

	}



	.jcb-breadcrumb .backbutton {

		float: left !important;

		width: 100% !important;

		text-align: center !important;

	}

	

	.jcb-breadcrumb {

		padding-top:  0px !important;

	}



	.jcb-breadcrumb p, .jcb-breadcrumb p a {

		font-size: 10pt !important;

	}



	.jcbcea-product-extras .col-md-16 {

		padding: 0px !important;

	}

	

	.wpcf7 .col-xs-12 {

		width: 100% !important;

	}

	

	.page .jcb-section.jcbcea-banner .col-sm-10 {

		width: 100% !important;

	}

	

	.jcbcea-featurette .row {

		margin-left: 0px;

		margin-right: 0px;

	}

	

	.jcb-section.jcb-layout-video.jcbcea-featurette img {

		width: 100% !important;

	}



	.jcbcea-quick-spec h2 {

		width: 100% !important;

		text-align: center !important;

		font-size: 20pt;

		margin-bottom:  10px !important;

	}

	

	.jcbcea-quick-spec .specwrap .name {

		font-size: 10pt !important;

	}



	.jcbcea-quick-spec .specwrap {

		width: 100% !important;

		margin-top:  16px !important;

	}

	

	p.cta_contactpage a {

		float: left !important;

		width: 100% !important;

		margin: 0px !important;

		height: auto !important;

		padding: 0px !important;

	}

	

	p.cta_contactpage {

		float: left;

		width: 100%;

	}

	

	.jcbcea-quick-spec {

    margin: 0px !important;

    padding: 20px !important;

}

	

	a.video-full.fill {

		margin-bottom: 0px !important;

	}

	

	a.video-full h2 {

		font-size: 15pt !important;

	}

	

	a.video-full:hover h2 {

		font-size: 15pt !important;

		display: none !important;

	}



	a.video-full h2 .playicon {

		width: 40px !important;

		height: 40px !important;

		margin-bottom:  -10px !important;

	}



	.jcbcea-video-only-full {

		min-height:  0px !important;

		padding: 0px !important;

	}



	.jcbcea-specsection {

		margin-bottom:  0px !important;

	}



	section.cta_area.underfeatured.fixed {

		position: relative !important;

	}



	.jcbcea-product-extras {

		padding: 40px 0px !important;

	}



	ul.accordion {

		width: 70% !important;

	}



	.single-product .features > h3 {

		margin-top:  30px;

	}



	.col-md-8.extradetails {

		padding: 0px !important;

	}



	.selectitems {

		float: left !important;

		width: 100%  !important;

	}



	.maingall {

		float: left !important;

		width: 100% !important;

		padding-bottom: 55%  !important;

	}



	header .main-bar {

		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

	}



	.wpsl-search-btn-wrap {

		position: relative !important;

		float: left !important;

		width: 100% !important;

		right: auto !important;

		top: auto !important;

		bottom: auto !important;

	}



	.wpsl-search-btn-wrap #wpsl-search-btn {

		position: relative !important;

		margin: 0px 4% !important;

		float: left !important;

		left: auto !important;

		right: auto !important;

		top: auto !important;

		bottom: auto !important;

		margin-bottom:  20px !important;

		width: 92% !important;

	}
	
	.jcb-outlets .wpsl-locations-details {
    width: 100%;
    margin: 0px !important;
    margin-bottom: 10px !important;
}



	p.cta_contactpage {

		text-align: center;

		margin-bottom: 34px;

		line-height: 46pt;

	}



	.ind_cta {

		width: 100% !important;

		padding-bottom: 50% !important;

		margin-bottom:  12px;

	}



	.ind_cta h2 {

		font-size: 22px !important;

		line-height:  25px !important;

	}



	.jcbcea-featurette.jcb-layout-left-two-thirds.image-background.fill .row .desc {

		width: 100% !important;

	}



	.jcbcea-featurette.jcb-layout-left-two-thirds.image-background.fill .row .button {

		max-width:  100% !important;

		float: left !important;

	}



	.jcbcea-featurette h2 {

		font-size: 39px;

	}



	.jcbcea-featurette h3 {

		font-size: 24px !important;

		line-height: 27px !important;

	}



	.jcb-footer__info h3 {

		font-size: 13px !important;

		text-align: center;

		width: 100%;

	}



	.newsitem {

		width: 100% !important;

		margin-right: 2%;

	}



	.jcbcea-news-block.fill {

		padding-bottom: 20% !important;

		margin-bottom:  10px !important;

		min-height: 126px !important;

	}



	section.jcb-section.jcb-lightgrey.jcbcea-machines {

		padding-top: 0px !important;

	}



	.home .jcbcea-banner .details {

		margin-top:  100px !important;

		margin-bottom:  30px !important;

	}



	.home .jcbcea-banner .details .title {

		font-size: 25pt !important;

		line-height: 28pt !important;

		text-align: center !important;

	}



	.home .jcbcea-banner .details .home_tagline {

		font-size: 15pt !important;

		line-height: 16pt !important;

		text-align: center !important;

	}



	a.video-full.fill {

		height: 350px !important;

	}





	



	.jcbcea-gallery-applications .row {

		margin: 0px !important;

	}





.jcb-section.jcbcea-banner .col-sm-10 .details .home_tagline {

    font-size: 17px !important;

    line-height: 20px !important;

}



.jcbcea-news-block .title {

    font-size: 17px !important;

    line-height: 20px !important;

}



section.jcb-section.jcbcea-featurette {

    padding-bottom:  0px !important;



}

	

	section.jcb-section.jcb-white.jcb-layout-left-two-thirds.jcbcea-featurette.image-background.fill {

    background-size: 1000px !important;

}



.single-product .jcb-section.jcbcea-banner .col-sm-10 {

    padding-bottom: 30px !important;

}



.jcb-section.jcbcea-banner {

    min-height:  50px !important;

}



.jcb-section.jcb-layout-video.jcbcea-featurette .row {

    width: 100% !important;

    text-align: center;

    padding: 10px !important;

    float: left !important;

    margin: 0px !important;

}



.jcb-section.jcb-layout-video.jcbcea-featurette iframe {

    position: relative !important;

    width: 100% !important;

}
	
.formsectionlock {
    position: relative !important;
    float: left !important;
    width: 100% !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: 0% !important;
    margin-top:  30px !important;
}

.formsectionlock .formerror {
    position: relative !important;
    width: 100% !important;
    float: left !important;
    padding: 0px !important;
}

.formerror li {
    float: left !important;
    margin-right:  10px !important;
}
	
.formerror.fixed {
	top: auto !important;
}
form#enquiry {
	width: 100% !important;
	margin-left: 0% !important;
}

}